<template>
  <div class="header-box">
    <img :src="headerImg" alt="" />
  </div>
</template>

<script>
  import { defineComponent, toRefs } from 'vue';
  import headerImg from '@/assets/develop-header.png';
  export default defineComponent({
    name: 'DevelopHeader',
    setup() {
      const state = {
        headerImg: headerImg,
      };
      return {
        ...toRefs(state),
      };
    },
  });
</script>
<style scoped lang="less">
  .header-box {
    width: 100%;
    height: 200px;
    border-radius: 4px;
    img {
      width: 100%;
      height: auto;
    }
  }
</style>
